<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style>
			.container{
				min-width: 800px;
				height: 300px;
			}
			.colum{
				height: 300px;
				float: left;
			}
			.main{
				width: 100%;
				background-color: pink;
			}
			.left{
				width: 250px;
				background-color: purple;
				margin-left:-100%;
			}
			.right{
				width: 250px;
				background-color: hotpink;
				margin-left: -250px;
			}
			.inner{
				padding: 0  250px;
				word-break: break-all;
			}
		</style>
	</head>
	<body>
		<div class="container">
			<div class="main colum">
				<div class="inner"> whats your name? whats your name? whats your name?whats your name?whats your name?whats your name?whats your name?whats your name?whats your name?whats your name?whats your name?whats your name?whats your name?whats your name?whats your name?whats your name?whats your name?whats your name?whats your name?whats your name?whats your name?whats your name?</div>
			</div>
			<div class="left colum"></div>
			<div class="right colum"></div>
		</div>
	</body>
</html>
